<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第三阶段模块二作业</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>

<body style="padding: 100px;">
    <div>
        <div>
            <button id="add" class="btn btn-primary" >新增</button>
            <button id="edit" class="btn btn-primary">编辑</button>
            <button id="del" class="btn btn-primary">删除</button>
            <button id="query" class="btn btn-primary">查询</button>
            <input id="inumber" type="text" placeholder="按工号查询">
            <input id="iname" type="text" placeholder="按姓名查询">
        </div>
        <div>
            <table id="idtable" class="table table-striped table-hover ">
                <thead>
                    <tr>
                        <th>序号</th>
                        <th>工号</th>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>密码</th>
                        <th>年龄</th>
                        <th>出生日期</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="info">
                        <td><input type="checkbox" name="item"></td>
                        <td>1001</td>
                        <td>张三</td>
                        <td>女</td>
                        <td>1234</td>
                        <td>29</td>
                        <td>1991-1-1</td>
                    </tr>
                    <tr class="warning">
                        <td><input type="checkbox" name="item"></td>
                        <td>1002</td>
                        <td>李四</td>
                        <td>男</td>
                        <td>1234</td>
                        <td>29</td>
                        <td>1991-1-1</td>
                    </tr>
                    <tr class="info">
                        <td><input type="checkbox" name="item"></td>
                        <td>1003</td>
                        <td>王五</td>
                        <td>女</td>
                        <td>1234</td>
                        <td>29</td>
                        <td>1993-3-3</td>
                    </tr>
                    <tr class="warning">
                        <td><input type="checkbox" name="item"></td>
                        <td>1004</td>
                        <td>赵六</td>
                        <td>男</td>
                        <td>1234</td>
                        <td>29</td>
                        <td>1994-4-4</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

  <script src="js/jquery-3.3.1.min.js"></script>
  <script src="js/demo.js"></script>
</body>

</html>